<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	<ui:define name="content">


		<h1>
			<h:outputText id="sub" value="Alta Clientes" />
		</h1>

		<br />
		<h2></h2>
		<!--  -->
		<h:form id="formLista">
			<p:dataTable id="lista" value="#{clienteController.clientes}" var="v_task"
				paginator="true" paginatorPosition="top" rows="10">
				<p:column headerText="Dni" sortBy="dni"
				filterBy="dni">
					<p:outputLabel value="#{v_task.dni}" />
				</p:column>
				
				<p:column headerText="Apellido" sortBy="apellido"
					filterBy="apellido">
					<p:outputLabel value="#{v_task.apellido}" />
				</p:column>
				<p:column headerText="Nombres" sortBy="nombres" filterBy="nombres">
					<p:outputLabel value="#{v_task.nombres}" />
				</p:column>
				<p:column headerText="Direccion" sortBy="direccion" filterBy="direccion">
					<p:outputLabel value="#{v_task.direccion}" />
				</p:column>
				<p:column headerText="Telefono" sortBy="telefono" filterBy="telefono">
					<p:outputLabel value="#{v_task.telefono}" />
				</p:column>
				
				<p:column headerText="Ciudad" sortBy="ciudad" filterBy="ciudad">
					<p:outputLabel value="#{v_task.ciudad}" />
				</p:column>
				
				<p:column headerText="Provincia" sortBy="provincia" filterBy="provincia">
					<p:outputLabel value="#{v_task.provincia}" />
				</p:column>
				

			</p:dataTable>
		</h:form>

		<h:form id="alta">
			<p:growl globalOnly="true" showDetail="true" showSummary="true" />
			<p:panel header="Crear" id="crearPanel">
				<p:panelGrid columns="3">
					
					<p:outputLabel value="Dni:" for="taskDesc" />
					<p:inputText value="#{clienteController.cliente.dni}" id="taskDni" />
					<p:message for="taskDni" />
				
					<p:outputLabel value="Apellido:" for="taskDesc" />
					<p:inputText value="#{clienteController.cliente.apellido}" id="taskDesc" />
					<p:message for="taskDesc" />

					<p:outputLabel value="Nombres" for="taskNom" />
					<p:inputText value="#{clienteController.cliente.nombres}" id="taskNom" />
					<p:message for="taskNom" />
					
					<p:outputLabel value="Direccion" for="taskDir" />
					<p:inputText value="#{clienteController.cliente.direccion}" id="taskDir" />
					<p:message for="taskDir" />
					
					<p:outputLabel value="Telefono" for="taskTel" />
					<p:inputText value="#{clienteController.cliente.telefono}" id="taskTel" />
					<p:message for="taskTel" />
					
					<p:outputLabel value="Ciudad" for="taskCiudad" />
					<p:inputText value="#{clienteController.cliente.ciudad}" id="taskCiudad" />
					<p:message for="taskCiudad" />
					
					<p:outputLabel value="Provincia" for="taskProvincia" />
					<p:inputText value="#{clienteController.cliente.provincia}" id="taskProvincia" />
					<p:message for="taskProvincia" />

									</p:panelGrid>
				<f:facet name="footer">
					<p:commandButton action="#{clienteController.saveCliente}" value="Guardar"
						update=":formLista:lista :alta" />
				</f:facet>
			</p:panel>
		</h:form>

	</ui:define>
</ui:composition>
